<template>
  <div class="ProjInfo_topCenter">
    <div class="content">
      <video :src="videoUrl" controls="controls" autoplay="autoplay"></video>
    </div>
  </div>
</template>

<script>
export default {
  props: {},
  components: {},
  data () {
    return {
      // videoUrl: 'http://58.49.74.231:85/Upload/Changtai/xiangmujianjie/项目简介宣传视屏.mp4'
      videoUrl: 'http://58.49.74.231:85/Upload/2103常泰大桥宣传片.mp4'
    }
  },

  watch: {},

  created () {},

  mounted () {},

  methods: {}
}
</script>
<style lang="less" scoped>
.ProjInfo_topCenter {
  width: 55%;
  height: 100%;
  background: url("../../assets/projInfo/背景.png");
  background-size: 100% 100%;
  margin-left: 10px;
  margin-right: 10px;
  .content {
    width: 100%;
    height: 100%;
    //margin: 5px;
    background: url("../../assets/projInfo/中-视频.png");
    background-size: 100% 100%;
    //object-fit: fill;
    video {
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      //margin: 2px;
      border: solid 1px#08e8c4;
      display: block;
      object-fit: fill;
    }
  }
}
</style>
